<script setup lang="ts">
import { Toaster, type ToasterProps } from 'vue-sonner'

type Props = Omit<ToasterProps, 'richColors' | 'theme' | 'closeButton' | 'className' | 'style'>

withDefaults(defineProps<Props>(), {
  position: 'bottom-center',
  hotkey: () => ['altKey', 'KeyT'],
  expand: false,
  visibleToasts: 3,
  offset: 32,
})
</script>

<template>
  <Toaster
    :position="position"
    :hotkey="hotkey"
    :expand="expand"
    :visible-toasts="visibleToasts"
    :duration="duration"
    :toast-options="toastOptions"
    :offset="offset"
  />
  <slot />
</template>